<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>California Surf Shop</title>

<link href="<?php echo FILES;?>/css/style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="<?php echo FILES;?>/css/bx_styles.css" />
<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>
<script src="<?php echo FILES;?>/scripts/jquery.bxSlider.min.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function(){
        $('#slider1').bxSlider({
            auto: true,
            autoControls: true,
            autoHover: true,
            pager: true,
            controls: true,
			pagerSelector: null,               
			pagerType: 'full',
			startText: '',
			stopText: '',
			pause: 4000,
			autoDelay: 0
			
        });	

        $('#slider2').bxSlider({
            auto: true,
			autoHover: true,
			autoControls: false,
			displaySlideQty: 4,
            moveSlideQty: 1,
			pause: 4000,
			autoStart: true,
			autoDelay: 0
        });
    		
    });
</script>
</head>

<body>

<div id="wrapper">

  <div id="header">
    <div id="logo"> <a href="<?php echo site_url('home'); ?>"><img src="<?php echo FILES;?>/images/logoCarro.png" width="151" height="179" border="0" /></a></div>
    
   <div id="logoName">
   <a href="<?php echo site_url('home'); ?>"><img src="<?php echo FILES;?>/images/CaliforniaName.jpg" alt="logoName" width="403" height="132" border="0" /></a>
   </div>
    
   <div id="topMenu">
     
     <ul>
		<li><a href="#">Iniciar Sesión</a></li>
        <li>|</li>
		<li>
        <a href="#">Compras&nbsp;<img src="<?php echo FILES;?>/images/carrito-de-compra.png" alt="" width="13" height="13" border="0" /></a>
        </li>
        <li>
        Items: 0 (Bs. 0.00)
        </li>
     </ul>
        
    </div>
  </div>
  
  <div id="menu">
    <div id="marco">
      <div id="botonContacto"><a href="<?php echo site_url('contacto'); ?>"></a></div>
      <div id="botonGalerias"><a href="../../galerias.html"></a></div>
      <div id="botonTeam"><a href="<?php echo site_url('team'); ?>"></a></div>
      <div id="botonMarcas"><a href="<?php echo site_url('marcas'); ?>"></a></div>
      <div id="botonSurf"><a href="<?php echo site_url('surf'); ?>"></a></div>
      <div id="botonSkate"><a href="<?php echo site_url('skate'); ?>"></a></div>
      <div id="botonAccesorios"><a href="<?php echo site_url('accesorios'); ?>"></a></div>
      <div id="botonCalzados"><a href="<?php echo site_url('calzado'); ?>"></a></div>
      <div id="botonChicas"><a href="<?php echo site_url('chicas'); ?>"></a></div>
      <div id="botonChicos"><a href="<?php echo site_url('chicos'); ?>"></a></div>
      <div id="botonHome"><a href="<?php echo site_url('home'); ?>" class="currentMenuHome"></a></div>
    </div>
  </div>
  
  <div id="barraInformacion">
    <div id="Informacion">
    </div>
  </div>
  
  
  <div id="mainContent">
    <ul id="slider1">
      <li> <img src="<?php echo FILES;?>/images/SlidePrincipalImages/image1.jpg" alt="" /></li>
      <li> <img src="<?php echo FILES;?>/images/SlidePrincipalImages/image2.jpg" alt="" /></li>
      <li> <img src="<?php echo FILES;?>/images/SlidePrincipalImages/image3.jpg" alt="" /></li>
    </ul>
  </div>

  <div id="sideBar">
    <div id="cuadro3"></div>
    <div id="cuadro2"></div>
    <div id="cuadro1"></div>
  </div>
  
  <div id="footer">
    <div id="barraMarcas"></div>
  </div>
  
  <div id="bannerFooter">
    
   <ul id="slider2">
  	<li>
    	<img src="<?php echo FILES;?>/images/SlideFooterImages/banner1.png" alt="" />
   	</li>
 	<li>
    	<img src="<?php echo FILES;?>/images/SlideFooterImages/banner2.png" alt="" />
   	</li>
    
    <li>
    	<img src="<?php echo FILES;?>/images/SlideFooterImages/banner3.png" alt="" />
   	</li>   
    <li>
    	<img src="<?php echo FILES;?>/images/SlideFooterImages/banner4.png" alt="" />
   	</li>   
   </ul>
    
  </div>
  
  <div id="postFooter">
    <div id="Separador">
    <img src="<?php echo FILES;?>/images/separador.png" alt="separador" width="970" height="16" border="0" />
    </div>
    
    <div id="LinkPage">
    <a href="<?php echo site_url('home'); ?>">
    <img src="<?php echo FILES;?>/images/californiaUrl.png" alt="californiaUrl" width="323" height="33" border="0" />
    </a>
    </div>
    
    <div id="menuFooter">
      <p>2011 CALIFORNIA SURF SHOP, Inc. All Rights Reserved</p>
      <p>Privacy Policy | Terms of Use</p>
    </div>
    
    <div id="logoCalifornia"></div>
    
    <div id="redesSociales">
    <ul>
    	<li><a href="http://twitter.com/#!/CaliforniaSS" target="_blank"> 
        <img src="<?php echo FILES;?>/images/logoTwitter.png" width="21" height="20" border="0" />&nbsp;Twitter </a></li>
        <li><a href="http://es-la.facebook.com/pages/California-Surf-Shop/147567497116?v=wall&viewas=0" target="_blank"> 
        <img src="<?php echo FILES;?>/images/logoFacebook.png" width="20" height="20" border="0" />&nbsp;Facebook </a></li>
        <li><a href="#" target="_blank"> <img src="<?php echo FILES;?>/images/logoVimeo.png" width="20" height="20" border="0" />&nbsp;Vimeo </a></li>
    </ul>
    
    </div>
  </div>
</div>
</body>
</html>
